<template>
  <div class="property-dialog">
    <CommonProperty
      :nodeData="nodeData"
      :lf="lf"
      @onClose="handleClose"
      :readonly="readonly"/>
  </div>
</template>
<script setup lang="ts">
import CommonProperty from './CommonProperty.vue'
import LogicFlow from "@logicflow/core";
defineOptions({ name: "PropertyDialog"})
defineProps({
  nodeData: {
    type: Object,
    default: () => {
      return null
    }
  },
  lf: {
    type:LogicFlow,
    default: () => {
      return {} as LogicFlow
    }
  },
  readonly:{
    type:Boolean,
    default:false
  }
})
const emit = defineEmits(['setPropertiesFinish'])
const handleClose = () => {
  emit('setPropertiesFinish')
}
</script>
<style>
.property-dialog{
  padding: 20px;
}
</style>
